<template>
    <div class="loading">
        <div class="loadingwrap">
            <img src="../assets/loading.svg"/>
            <p>加载中...</p>
        </div>
    </div>
</template>

<script>
    export default {
      name: 'Loading'
    }
</script>

<style scoped>
    .loading {
      margin-top: 3rem;
      scale: 2;
    }

    .loadingwrap {
        width: 2.6rem;
        height: 2.6rem;
        text-align: center;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 0.3rem;
        margin: 0 auto;
    }

    .loading img {
        width: 1.2rem;
        margin-top: 0.3rem;
    }

    .loading p {
        font-size: 0.36rem;
        color: #FFF;
    }
</style>
